<template>
<div class="share-pop">
  <img src="../../assets/images/share_tip.png" alt="">
  <div class="btn" @click="close()"></div>
</div>
</template>

<script>
    export default {
        name: 'sharePop',
        data() {
            return {
              isOpen:true,
            }
        },
      methods:{
        close(){
          this.isOpen=false;
          this.$emit('isClose',this.isOpen);
        }
      }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
.share-pop{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,.7);
  text-align: center;
  z-index: 50;
  img{
    width:90%;
    margin-top:30px;
  }
  .btn{
    position: absolute;
    top:44%;
    width:100%;
    height:70px;
  }
}
</style>
